<template>
        <div class="mycenterbox-left">
				<ul>
                 
                    <!-- <router-link tag="li" v-for="(item,index) in leftArray" :to='item.url' :class="{'active':$route.path}" > -->
                    <router-link tag="li" v-for="(item,index) of leftArray" :to='item.url' active-class="active" :key="index">

                        <a >
                            <div :class="item.icon"></div>
                            <h5>{{item.title}}</h5>
                            <i class="fa fa-caret-right"></i>
                        </a>
                        <!--<div class="leftList">
                                                                                </div>-->

                        </router-link>
						
									
				</ul>
    </div>
</template>
<script lang="ts">
import { Vue, Component } from "vue-property-decorator";

Vue.config.productionTip = false;

@Component({
  components: {}
})
export default class CenterLeft extends Vue {
  /**
   * 用户中心左侧导航
   */
  public leftArray: object = [
    {
      title: "用户中心",
      icon: "mycenter-icon mycenter-icon1",
      url: "/user"
    },
    {
      title: "开通会员",
      icon: "mycenter-icon mycenter-icon2",
      url: "/catbuy"
    },
    {
      title: "用户资料",
      icon: "mycenter-icon mycenter-icon3",
      url: "/userinfo"
    },
    {
      title: "卡密充值",
      icon: "mycenter-icon mycenter-icon4",
      url: "/cardfee"
    },
    {
      title: "订单管理",
      icon: "mycenter-icon mycenter-icon5",
      url: "/ordermanage"
    },
    {
      title: "账户安全",
      icon: "mycenter-icon mycenter-icon6",
      url: "/accountsafe"
    },
    {
      title: "推荐码",
      icon: "mycenter-icon mycenter-icon10",
      url: "/tuijianma"
    },
    {
      title: "套餐转换",
      icon: "mycenter-icon mycenter-icon8",
      url: "/pacakgerever"
    },
    {
      title: "用户协议",
      icon: "mycenter-icon mycenter-icon7",
      url: "/centercontract"
    },
    {
      title: "会员服务条款",
      icon: "mycenter-icon mycenter-icon9",
      url: "/centeruseritems"
    }
  ];

  mounted() {
    console.log("123123");
  }
}
</script>
<style lang="less" scoped>
</style>


